<template>
   <div id="app">
       <div id="cover"></div>
        <Header></Header>    
        <todo></todo>
        <Footer></Footer>   
   </div>
</template>
<script>
import Header from "./todo/header.vue";
import Footer from "./todo/footer.jsx";
import todo from "./todo/todo.vue";
export default {
  //声明需要使用的组件
  components: {
    //Header不能小写，小写会使用html原生的header
    Header,
    Footer,
    todo
  }
};
</script>
<style lang="stylus" scoped>
#app {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #999;
    opacity: 0.9;
    z-index: -1;
}
</style>